<template>
	<!-- 提示免费专区的弹窗 -->
	<view class="showmodel">
		<!-- 免费专区说明弹窗 -->
		<uni-popup :show="showtip" type="center" :mask-click="false" @change="change">
			<view class="uni-tip">
				<text class="uni-tip-title">用户协议和隐私政策</text>
				<view class="uni-tip-content ">
					<view class="">
						请您务必审慎阅读、充分理解"用户协议"和"隐私政策"各条款,包括但不限于为您提供软件内容的服务,我们需要收集您的设备信息、操作日志等个人信息，您可阅读
					</view>
					<navigator class="xieyitags" url="/pages/mine/agreement/agreementuser">《用户协议》</navigator>和<navigator class="xieyitags" url="/pages/mine/agreement/agreement"> 《隐私政策》</navigator>了解详细信息。如您同意，请点击"同意"开始接受我们的服务</view>
				<view class="uni-tip-group-button">
					<text class="uni-tip-button" @click="cancel('tip')">暂不使用</text>
					<text class="uni-tip-button" @click="tongyi('tip')">同意</text>
				</view>
			</view>

		</uni-popup>
	</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	export default{
		props:["title","content"],
		name:"showxieyi",
		components:{
			uniPopup,
		},
		data(){
			return{
				showtip:false,
			}
		},
		methods:{
			cancel(type) {//关闭
				this.showtip = false;
				
				//退出
				// #ifdef APP-PLUS
				plus.runtime.quit();
				plus.ios.import("UIApplication").sharedApplication().performSelector("exit");
				// #endif
				
			},
			//点击了同意
			tongyi(){
				this.showtip = false;
				
				this.$emit('isclickty',{text:"同意呀"});
				
			},
			//提示弹窗
			change(e) {
				if (!e.show) {
					this.showtip = false
				}
			},
			show(){
				this.showtip = true;
			},
		}
	}
</script>

<style lang="scss">
	.xieyitags{
		color:#1890FF;
		display: inline-block !important;
	}
	
	.uni-tip-content{
		text-align: left !important;
	}
	
	
	/* 提示窗口 */
	.uni-tip {
		/* #ifndef APP-NVUE */
		display: flex;
		flex-direction: column;
		/* #endif */
		padding: 15px;
		//width:579upx;
		width: 580upx;
		
		background-color: #fff;
		border-radius: 10px;
	}
	
	.uni-tip-title {
		text-align: center;
		//font-weight: bold;
		//font-size: 16px;
		//color: #333;
		margin-bottom: 40upx;
		font-size:32upx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(0,0,0,1);
	}
	
	.uni-tip-content {
		// padding: 15px;
		font-size: 14px;
		color: #666;
	}
	
	.uni-tip-group-button {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		margin-top: 20px;
	}
	
	.uni-tip-button {
		flex: 1;
		text-align: center;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: bold;
		color: #3b4144;
		
		border-top:3upx solid rgba(229,229,229,1);
		height: 60upx;
		line-height: 80upx;
	}
		
	//弹窗样式end
</style>
